<template>
	<view class="body p20" style="background-image: url(/static/image/bg.jpg);">
		<view class="top p20 mt60">
			<view class="f50 fb">欢迎来到庆余！</view>
			<view class="sub f28 mt10">
				<text>还没有账号，</text>
				<text class="register" @click="store.commit('jump','/pages/login/register')">立即注册</text> 
			</view>
		</view>
		<view class="f50 tc fb mt40">登录</view>
		<view class="box br30 mt60 p40 mb80">
			<view class="item line d-s-c pl20 pr20 pt30 pb30">
				<text class="mr40 fb">+86</text>
				<input type="text" placeholder="输入手机号" />
			</view>
			<view class="item line pl20 pr20 pt30 pb30">
				<input type="text" placeholder="请设置密码" />
			</view>
			<label class="db sub f28 mt40">
				<radio value="" />我已阅读<text class="red">《用户协议》</text>与<text class="red">《隐私协议》</text>，并同意协议内容
			</label>
		</view>
		<view class="ml40 mr40">
			<up-button shape="circle" text="授权登录" color="linear-gradient(to right,#0033fe,#009cfe)"></up-button>
		</view>
	</view>
</template>
<script setup>
	import { reactive } from 'vue'
	import { onLoad } from "@dcloudio/uni-app";
	import { useStore } from "vuex"
	import { test } from '@/uni_modules/uview-plus';
	const store = useStore()
	const data = reactive({
		
	})
</script>
<style scoped lang="scss">
	.box {
		background-color: #f9fbfe;
		box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.05);
	}

	.register {
		color: $uni-color-primary;
	}
</style>